{include file="header.html"}
{if $user_id}
<div class="title tc ml-30 mr-10" style="padding-top:0px;">
	<h2>异议申诉单</h2>
</div>
<div class="content px-20">
<form name="myForm" id="myForm" action="/index.php?act=complaints&st=saveUserDiscrepancy" method="post">
	<section id="section1" style="padding-top:0px;">
		<table class="my-10">
		    <tbody>
		        <tr>
		            <td class="pl-10 tl" colspan="2">Step1 产品信息<br/>产品名称：<br/>
		            	<input id="Product_Type" name="Product_Type" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Product_Type'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">合同号：<br/>
		            	<input id="Product_Contract" name="Product_Contract" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Product_Contract'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">牌号：<br/>
		            	<input id="Product_Grade" name="Product_Grade" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Product_Grade'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">规格：<br/>
		            	<input id="Product_Spec" name="Product_Spec" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Product_Spec'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">代表炉批号/捆包号：<br/>
		            	<input id="Problem_Batch" name="Problem_Batch" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Problem_Batch'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 异议成品</td><td class="pl-15"><input id="Qty_Product" name="Qty_Product" type="tel" style="width:140px" /> 吨（t）<br/><font color='red' id='td_Qty_Product'></font></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 异议半成品</td><td class="pl-15"><input id="Qty_Product_Semi" name="Qty_Product_Semi" type="tel" style="width:140px" /> 吨（t）<br/><font color='red' id='td_Qty_Product_Semi'></font></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 异议母材</td><td class="pl-15"><input id="Qty_Product_Parent" name="Qty_Product_Parent" type="tel" style="width:140px" /> 吨（t）<br/><font color='red' id='td_Qty_Product_Parent'></font></td>
		        </tr>
		    </tbody>
		</table>
		<p class="tc mt-10" id="btn_next_step1" ><span class="btn w-150" style="display:inline-block"> 下一步  </span></p>
	</section>
	<section id="section2" style="display:none">
		<table style="margin-top:10px;margin-bottom:20px">
		    <tbody>
		        <tr>
		            <td class="pl-10 tl" colspan="2">Step2 缺陷描述<br/>缺陷问题类型：<br/>
		            	<input id="Defect_Type" name="Defect_Type" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Defect_Type'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">缺陷问题特征简述：<br/>
		            	<textarea name="Defect_Description" style="width:95%;height:50px" id="Defect_Description"></textarea>
				<br/><font color='red' id='td_Defect_Description'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">对使用的影响及挽救措施：<br/>
		            	<textarea name="Loss_Description" style="width:95%;height:50px" id="Loss_Description"></textarea>
				<br/><font color='red' id='td_Loss_Description'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">造成的直接经济损失：<br/>
		            	<input id="Loss_Money" name="Loss_Money" type="tel" style="width:253px"/> 元
						<br/><font color='red' id='td_Loss_Money'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">损失构成及测试方式：<br/>
		            	<textarea name="Loss_Calculate" style="width:95%;height:50px" id="Loss_Calculate"></textarea>
						<br/><font color='red' id='td_Loss_Calculate'></font>
		            </td>
		        </tr>
		    </tbody>
		</table>
		<p class="tc mt-30" id="btn_next_step2"><span  class="btn w-150" style="display:inline-block"> 下一步  </span>	</p>
	</section>
	<section id="section3" style="display:none;margin-bottom:10px; padding-bottom: 0px;">
		<table style="margin-top:10px;margin-bottom:20px">
		    <tbody>
		         <tr>
		            <td class="pl-10 tl" colspan="2">Step3  确认地点<br/>异议确认地点（尽可能详细填写）：<br/>
		            	<input id="Confirm_Addr" name="Confirm_Addr" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Confirm_Addr'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">确认时联系人：<br/>
		            	<input id="Confirm_Person" name="Confirm_Person" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Confirm_Person'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">联系人手机号：<br/>
		            	<input id="Confirm_Mobile" name="Confirm_Mobile" type="tel" style="width:273px"/>
						<br/><font color='red' id='td_Confirm_Mobile'></font>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tl" colspan="2">预约确认时间（时间段）：<br/>
		            	<input id="Confirm_Appoint_Time" name="Confirm_Appoint_Time" type="text" style="width:273px"/>
						<br/><font color='red' id='td_Confirm_Appoint_Time'></font>
		            </td>
		        </tr>		        
		    </tbody>
		</table>
		<p class="ti-2em">其他证明材料请拍照后上传，或发送邮箱至scfwbws@rizhaosteel.com,证明材料包括：</p>
		<p class="ti-2em">1、异议产品标识图片（标签、喷码等）；</p>
		<p class="ti-2em">2、产品实物及缺陷形貌图片；</p>
		<p class="ti-2em">3、质保书、合同扫描件；</p>
		<p class="ti-2em">4、检测报告等。</p>
		<p class="tc mt-30"><button id="btn_submit" class="btn w-150 h-40" type="submit"> 提&nbsp;&nbsp;&nbsp;&nbsp;交  </button></p>
	</section>
</form>
<script type="text/javascript">
function showStep() {
	var hash = (!window.location.hash)? "#step1":window.location.hash;
	switch(hash) {
	  case "#step1":
		  $("#section1").show();
		  $("#section2").hide();
		  $("#section3").hide();
		  break;
	  case "#step2":
		  $("#section1").hide();
		  $("#section2").show();
		  $("#section3").hide();
		  break;
	  case "#step3":
		  $("#section1").hide();
		  $("#section2").hide();
		  $("#section3").show();
		  break;
	}
}
$(function(){
	showStep();
	$(window).bind('hashchange', function() {  //监听浏览器前进，后退处理
		showStep();
	});
	$("#btn_next_step1").click(function(){		
		window.location.hash = "#step2";
		$("#section1").hide();
		$("#section2").show();
		$("#section3").hide();
	});
	$("#btn_next_step2").click(function(){
		window.location.hash = "#step3";
		$("#section1").hide();
		$("#section2").hide();
		$("#section3").show();
	});
});
</script>
</div>
{else}
<script type="text/javascript">
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
	alert('您好！您还未进行用户注册，不能享受此服务');
	WeixinJSBridge.call('closeWindow');
});
</script>
{/if}
{include file="footer.html"}